<!-- <template>
	<div id="app">
		<img alt="Vue logo" src="./assets/logo.png" />
		<HelloWorld msg="Welcome to Your Vue.js App" />
	</div>
</template>

<script>
import HelloWorld from './components/HelloWorld.vue'
export default {
	name: 'App',
	components: {
		HelloWorld
	},
	methods: {},
	mounted() {}
}
</script>

<style>
#app {
	font-family: Avenir, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	color: #2c3e50;
	margin-top: 60px;
}
</style> -->

<template>
  <div id="app">
    <Header></Header>
    <router-view :key="$route.path + $route.query.t" />
    <Footer></Footer>
  </div>
</template>
<script>
// 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
// 例如：import 《组件名称》 from '《组件路径》';
import Header from './pages/Header'
import Footer from './pages/Footer'
export default {
  name: 'App',
  // import引入的组件需要注入到对象中才能使用
  components: {Header, Footer},
  props: {},
  data() {
    // 这里存放数据
    return {}
  },
  // 计算属性 类似于data概念
  computed: {},
  // 监控data中的数据变化
  watch: {},
  // 方法集合
  methods: {},
  // 生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  // 生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  beforeCreate() {}, // 生命周期 - 创建之前
  beforeMount() {}, // 生命周期 - 挂载之前
  beforeUpdate() {}, // 生命周期 - 更新之前
  updated() {}, // 生命周期 - 更新之后
  beforeDestroy() {}, // 生命周期 - 销毁之前
  destroyed() {}, // 生命周期 - 销毁完成
  activated() {} // 如果页面有keep-alive缓存功能，这个函数会触发
}
</script>
<style lang="less">
#app {
  font-family: 微软雅黑;
  margin: 0 auto;
  ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
  }
  li {
    list-style-type: none;
  }
  .w1200 {
    width: 1200px;
    margin: 0 auto;
  }
  .p15 {
    padding: 15px;
  }
  .p25 {
    padding: 25px;
  }
  .p35 {
    padding: 35px;
  }
  .p45 {
    padding: 45px;
  }
}
::-webkit-scrollbar {
  width: 0 !important;
}
::-webkit-scrollbar {
  width: 0 !important;
  height: 0;
}
.el-card__body {
  padding: 0 !important;
}
</style>
